<style type="text/css" media="screen">
.weui-cells__title{
    color:#000;
    font-size:17px;
}
.weui-cell::before{
  border-top:none;
}
.weui-cells::before{
  border-top:none;
}
.weui-cells::after{
    border-bottom: none;
}
.my-weui-cell{
    /* border-top: 1px solid #e5e5e5; */
    border-bottom: 1px solid #e5e5e5;
}
.inline-input {
    border: 1px solid #ccc;
    display:inline;
    width:150px;
}
.page__hd {
    /* padding: 0px; */
    padding: 0px 5px;
    padding-top: 10px;
    /* border: 1px solid #000; */
}
.page__title{
    margin-top: 5px;
    font-size: 20px;
    color: #333;
    text-align: center;
}
.weui-panel__hd
{
    font-size: 15px;
}
.header-img{
    width: 100%;
}

table
{
    border-collapse: collapse;
    margin: 0 auto;
    text-align: center;
}
table td, table th
{
    border: 1px solid #cad9ea;
    color: #666;
    height: 30px;
}
table thead th
{
    background-color: #CCE8EB;
    width: 100px;
}
table tr:nth-child(odd)
{
    background: #fff;
}
table tr:nth-child(even)
{
    background: #F5FAFA;
}
</style>
<form name="form1" id="form1"  role="form" data-toggle="validator" method="POST" action="">
    <div class='weui-mask_transparent' id="toast">
        <div class="weui-toast weui_loading_toast weui-toast--visible" >
            <div class="weui_loading">
                <i class="weui-loading weui-icon_toast"></i>
            </div>
            <p class="weui-toast_content">数据加载中</p>
        </div>
    </div>
    <div class="page">
        <header class='demos-header'>
            <img src="__CDN__/assets/img/school.jpg" class="header-img">
        </header>
        <div class="page__hd">
            <div class="page__title" id="title">
                班车预约统计
            </div>
        </div>
        <div class="page__bd">
            <form class="form-horizontal form-commonsearch" novalidate="" method="post" action="">
                <div class="weui-cells weui-cells_form">
                    <div class ="my-weui-cell" id="div_tel">
                        <div class="weui-cell">
                            <label class="control-label">日期：</label>
                            <div class="weui-cell__bd">
                                <input class="weui-input datetime-picker" type="text" name='create_time' value="{$date}">
                            </div>
                            <div style="margin-top: -10px;">
                                <button type="submit" class="weui-btn weui-btn_mini weui-btn_success">查询</button>
                                <button type="reset" class="weui-btn weui-btn_mini weui-btn_success reset">重置</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <div class="weui-cells">
                <table width="100%" border="1" cellspacing="0">
                    <tr class="thbg">
                        <th>方向</th>
                        <th>时间</th>
                        <th>地点</th>
                        <th>人数</th>
                    </tr>
                    {volist name="busrecord_list" id="vo"}
                    <tr>
                        {if $key <1}
                        <td rowspan="{$busrecord_count}">去平度</td>
                        {/if}
                        <td>{$vo.times}</td>
                        <td>{$vo.address}</td>
                        <td>{$vo.count}</td>
                    </tr>
                    {/volist}
                    {volist name="busrecord_list1" id="voo"}
                    <tr>
                        {if $key<1}
                        <td rowspan="{$busrecord_count1}">去城阳</td>
                        {/if}
                        <td>{$voo.times}</td>
                        <td>{$voo.address}</td>
                        <td>{$voo.count}</td>
                    </tr>
                    {/volist}
                </table>
            </div>

        </div>
    </div>
</form>
<script type="text/javascript">
       var wait =3;
       var interval = setInterval(function () {
        var time = --wait;
           if (time <= 0) {
              document.getElementById('toast').style.display="none";
        }
    }, 1000);

</script>